/**
* 功能描述: 功能单选按钮组demo
* @author 崔孝楠
* @date 2022/9/29 13:59
* @version 1.0
*/
<template>
  <div>
    <!-- 水平单选组 -->
    <div class="yw-radio-group" style="display: block; margin-bottom: 20px;">
      <label class="yw-radio-wrapper yw-radio-wrapper-checked yw-radio-wrapper-disabled">
        <span class="yw-radio">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>A</span>
      </label>
      <label class="yw-radio-wrapper yw-radio-wrapper-disabled">
        <span class="yw-radio">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>B</span>
      </label>
      <label class="yw-radio-wrapper yw-radio-wrapper-disabled">
        <span class="yw-radio">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>C</span>
      </label>
    </div>
    <!-- 垂直单选组 -->
    <div class="yw-radio-group yw-radio-group-vertical">
      <label class="yw-radio-wrapper yw-radio-wrapper-checked">
        <span class="yw-radio yw-radio-checked">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>A</span>
      </label>
      <label class="yw-radio-wrapper">
        <span class="yw-radio">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>B</span>
      </label>
      <label class="yw-radio-wrapper">
        <span class="yw-radio">
          <input type="radio" class="yw-radio-input">
          <span class="yw-radio-inner"></span>
        </span>
        <span>C</span>
      </label>
    </div>
  </div>

</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>
